<script lang="ts" setup>
// Define props based on the FluentUI Accordion component
withDefaults(
  defineProps<{
    expandMode?: 'multi' | 'single';
  }>(),
  {
    expandMode: 'multi',
  },
);

const emit = defineEmits<{
  change: [];
}>();

const handleChange = () => {
  emit('change');
};
</script>

<template>
  <fluent-accordion :expand-mode="expandMode" @change="handleChange">
    <slot></slot>
  </fluent-accordion>
</template>

<style scoped></style>
